<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>康远广告数据平台</title>
  <!--[if lt IE 9]>
    <style>
        /* IE9以下浏览器 */
        .support-page {
            position: fixed;
            z-index: 100;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
        }

        /* title */
        .support-title {
            text-align: center;
            margin: 50px 0 20px;
        }

        .support-title__item {
            display: inline-block;
            vertical-align: middle;
        }

        .support-title__ico {
            width: 64px;
            height: 64px;
            margin-right: 20px;
            background: url(support/logo.png) 0 0 no-repeat;
        }

        .support-title__text {
            font-size: 68px;
            line-height: 136px;
            font-weight: 700;
            color: #fff;
        }

        /* desc */
        .support-des {
            font-size: 30px;
            text-align: center;
            margin-bottom: 20px;
        }

        .support-des__text {
            display: inline-block;
            padding: 0 33px;
            vertical-align: top;
            line-height: 72px;
            border: 2px solid #fff;
            border-radius: 8px;
            color: #fff;
        }

        .support-lists {
            position: absolute;
            left: 50%;
            width: 760px;
            margin-left: -380px;
            overflow: hidden;
        }

        /* List */
        .support-list {
            float: left;
            width: 50%;
            line-height: 72px;
            color: #04c1fe;
        }

        .support-list__item {
            display: inline-block;
            vertical-align: middle;
        }

        .support-list__ico {
            width: 33px;
            height: 33px;
            margin-right: 25px;
            background-position: 0 0;
            background-repeat: no-repeat;
        }

        .support-list__text {
            font-size: 30px;
        }

        .support-list__chrome {
            background-image: url(support/chrome.png);
        }

        .support-list__firefox {
            background-image: url(support/firefox.png);
        }

        .support-list__opera {
            background-image: url(support/opera.png);
        }

        .support-list__ie {
            background-image: url(support/ie.png);
        }

        .support-list:hover {
            color: #fff;
        }
    </style>
    <![endif]-->
</head>

<body>
  <!--[if lt IE 9]>
<div class="support-page">
    <div class="support-title">
        <i class="support-title__item support-title__ico"></i>
        <span class="support-title__item support-title__text">康远广告数据平台</span>
    </div>
    <div class="support-des">
        <span class="support-des__text">目前暂不支持ie9及以下浏览器，您可以使用以下浏览器访问本站</span>
    </div>
    <div class="support-lists">
        <a class="support-list" target="_blank" href="https://www.baidu.com/s?wd=chrom%E6%B5%8F%E8%A7%88%E5%99%A8">
            <i class="support-list__item support-list__ico support-list__chrome"></i>
            <span class="support-list__item support-list__text">Chrome浏览器</span>
        </a>
        <a class="support-list" target="_blank" href="http://www.firefox.com.cn/download/">
            <i class="support-list__item support-list__ico support-list__firefox"></i>
            <span class="support-list__item support-list__text">FireFox浏览器</span>
        </a>
        <a class="support-list" target="_blank" href="http://www.opera.com/zh-cn">
            <i class="support-list__item support-list__ico support-list__opera"></i>
            <span class="support-list__item support-list__text">Opera浏览器</span>
        </a>
        <a class="support-list" target="_blank" href="http://www.microsoft.com/zh-cn/download/internet-explorer-9-details.aspx">
            <i class="support-list__item support-list__ico support-list__ie"></i>
            <span class="support-list__item support-list__text">ie9及以上浏览器</span>
        </a>
    </div>
</div>
<![endif]-->

  <div id="app"></div>
</body>

</html>